<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  <title>mine</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/common.css">
  <script src="js/src.js"></script>
  <style>
    .tablebar a:nth-of-type(4) {
      color: #128bed;
    }

    .touxiang {
      text-decoration: none;
      display: flex;
      justify-content: space-between;
      padding: 12px;
      align-items: center;
      background: #fff;
      margin-bottom: 15px;
    }

    .item,
    .itemm {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      border-bottom: 1px solid #e7e7e7;
      background: #fff;
    }

    .item div,
    .itemm div {
      display: flex;
      align-items: center;
    }

    .item div i,
    .itemm div i {
      font-size: 18px;
      color: orange;
    }

    .item div p,
    .itemm div p {
      font-size: 16px;
      margin-left: 7px;
    }

    .itemm div .wdxx {
      border-radius: 20px;
      background: #EB544A;
      color: #fff;
      font-weight: bold;
      padding: 0 5px;
      margin-right: 7px;
    }

    .itemm {
      margin-top: 15px;
    }
  </style>
</head>

<body>
  <div id="app" v-cloak>
    <a class="touxiang" href="./information.html">
      <el-image src='./image/touxiang.jpg' style="width: 50px;height:50px;"></el-image>
      <p style="color: #333;font-size:16px;font-weight:bold;">18211223344</p>
      <p style="color: red;font-weight:bold;">￥ 0.00元</p>
    </a>
    <div class="item">
      <div>
        <i class="el-icon-star-off"></i>
        <p>我收藏的项目</p>
      </div>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="item">
      <div>
        <i class="el-icon-s-check"></i>
        <p>我投资的项目</p>
      </div>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="item">
      <div>
        <i class="el-icon-data-board"></i>
        <p>我约谈的项目</p>
      </div>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="item" style="border: none;">
      <div>
        <i class="el-icon-s-flag"></i>
        <p>我领投的项目</p>
      </div>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="itemm" style="border: none;">
      <div>
        <i class="el-icon-money"></i>
        <p>资金明细</p>
      </div>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="itemm">
      <div>
        <i class="el-icon-news"></i>
        <p>消息中心</p>
      </div>
      <div>
        <div class="wdxx">0条未读</div>
        <i class="el-icon-arrow-right" style="color: #333;"></i>
      </div>
    </div>
    <div class="item" style="border: none;">
      <div>
        <i class="el-icon-switch-button"></i>
        <p>退出登录</p>
      </div>
      <i class="el-icon-arrow-right"></i>
    </div>

    <div style="height: 60px;"></div>
    <div class="tablebar">
      <a href="./home.html">
        <i class="el-icon-s-home"></i>
        <p>首页</p>
      </a>
      <a>
        <i class="el-icon-film"></i>
        <p>项目</p>
      </a>
      <a>
        <i class="el-icon-chat-line-round"></i>
        <p>动态</p>
      </a>
      <a>
        <i class="el-icon-s-custom"></i>
        <p>我</p>
      </a>
    </div>
  </div>
</body>
<script>
  //实例化一个Vue对象
  var vm = new Vue({
    el: "#app",
    data: {
    },
    mounted() {
    },
    methods: {
    }
  });

</script>

</html>